<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理系统</title>
    <!-- 引入外部的样式文件 -->
    <link rel="stylesheet" href="./css/curriculum.css" />
    <!-- 引入Element UI样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" />
    <!-- 使用CDN引入Vue模块-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
    <!-- 引入Element组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- 引入Axios组件库 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script src="./js/jquery.js"></script>

</head>

<body>
    <div id="app">
        <el-container>
            <el-header style="height: 80px;">管理系统</el-header>
            <el-container>
                <el-aside width="200px">
                    <el-menu default-active="4" class="el-menu-vertical-demo">
                        <el-menu-item index="1">
                            <i class="el-icon-menu"></i>
                            <span slot="title"><a href="./登录.html" target="_blank">班级管理</a></span>
                        </el-menu-item>
                        <el-menu-item index="2">
                            <i class="el-icon-user"></i>
                            <span slot="title"><a href="./Student.html" target="_blank">学生信息</a></span>
                        </el-menu-item>
                        <el-menu-item index="3">
                            <i class="el-icon-s-custom"></i>
                            <span slot="title">讲师信息</span>
                        </el-menu-item>
                        <el-menu-item index="4">
                            <i class="el-icon-document"></i>
                            <span slot="title"><a href="./curriculum.html" target="_blank">课程管理</a></span>
                        </el-menu-item>
                    </el-menu>
                </el-aside>
                <el-container>
                    <el-main>
                        <el-breadcrumb separator-class="el-icon-arrow-right">
                            <el-breadcrumb-item>课程管理</el-breadcrumb-item>
                        </el-breadcrumb>

                        <el-form :inline="true" style="margin-top: 20px;">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="请输入查询条件：">
                                        <el-input v-model="inputStr" placeholder="输入条件" style="width:320px"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="8" style="text-align: right;padding-right:100px ;">
                                    <el-button-group>
                                        <el-button type="primary" icon="el-icon-search" @click="queryStudents()">查询
                                        </el-button>
                                        <el-button type="primary" icon="el-icon-tickets" @click="getAllStudents()">显示全部
                                        </el-button>
                                        <el-button type="primary" icon="el-icon-plus" @click="addStudent()">添加
                                        </el-button>
                                    </el-button-group>
                                </el-col>
                                <el-col :span="2">
                                    <el-button type="primary">导入Excel</el-button>
                                </el-col>
                                <el-col :span="2">
                                    <el-button type="primary">导出Excel</el-button>
                                </el-col>
                            </el-row>
                        </el-form>
                    </el-main>
                    <el-footer style="height: 30px;">管理系统 版权：2022.04.01</el-footer>
                </el-container>
            </el-container>
        </el-container>
    </div>
</body>

</html>
<!-- 引入 js-->
<script src="./js/curriculum.js"></script>